
.adduser {
  background: #F0F2F5;
  width: 100%;
  height: 100%;
  overflow:hidden ;
  display: flex;
  flex-direction: column;
  
}
.header{
 width: 100%;
 height: 50px;
 padding: 20px;
}

.con{
  width: 100%;
  flex: 1;
      >ul{
       width: 100%;
       height: 100%;
       display: flex;
       list-style: none;
       flex-wrap: wrap;
       padding: 20px;
       box-sizing: border-box;
          >li{
            width: 33.3%;
            height: 50%;
            border: 1px solid #ccc;
            box-sizing: border-box;
             padding: 20px 20px;
             padding-bottom: 95px;
             display: flex;
             justify-content: space-between;
             flex-direction: column;
             .one{
              .active{
                border: 2px solid #7391F9;
                color: #7391F9;
            }
               >button{
                border: none;
                outline: none;
                // margin-right: 5px;
                color: #ccc;
                font-weight: 600;
                background-color: #fff;
                border: 2px solid #fff;
                height: 35px;
                line-height: 35px;
                // width: 90px;
                padding: 0 15px;
                letter-spacing: 2px;
               }
             }
             >div{
               width: 100%;
               height: 40px;
               line-height: 40px;
               >input{
                   border: none;
                   outline: none;
                   background-color: #fff;
                   height: 40px;
                   line-height: 40px;
                   width: 80%;
                   text-indent: 10px;
                   font-size: 17px;
               }
               >button{
                border: none;
                outline: none;
                // margin-right: 5px;
                color: #7391F9;
                font-weight: 600;
                background-color: #fff;
                border: 2px solid #7391F9;
                height: 35px;
                line-height: 35px;
                // width: 90px;
                padding: 0 15px;
                letter-spacing: 2px;
               }
              .que{
                width: 120px;
                margin-right: 15px;
                background-color: #406AFE;
                color: #fff;
             }
             .rest{
                color: #8f8f8f;
                border:none ;
             }
               >select{
                  width: 35%;
                  border: none;
                  outline: none;
                  height: 40px;
                  line-height: 40px;
                  text-indent: 10px;
                  font-size: 17px;
               }
             }
          }
 }
  
}





